<!--  审核机构经纪人-->
<style>
    .checkbox label:before {
        left: 1px;
    }
    .table-wrap thead .checkbox label:before{
        top:5px
    }
    .checkbox input[type="checkbox"]:checked + label:after{left:3px}
    .table-wrap thead .checkbox input[type="checkbox"]:checked + label:after{
        top:7px
    }
    .table-wrap tbody .checkbox label:before {
        left: 3px;
    }
    .table-wrap tbody .checkbox input[type="checkbox"]:checked + label:after{
        left:5px
    }
</style>
<style>
    i.icon-op-more { background-position: 0 -200px !important;}
    a:hover i.icon-op-more{background-position: -20px -200px !important;}
</style>
<div style="width:1005px;position: relative; height: 650px;">
    <div class="mt15 f14 clearfix">
<!--        <div class="fl select" style="width:110px;">
            <select class="select-border js-select" name="" id="" readonly="" ng-model="brokerSearch.queryKey">
                <option value="brokerName">经纪人姓名</option>
                <option value="brokerMobile">经纪人电话</option>
            </select>

        </div>-->
        <div style="width:112px" class="fl f12">
            <div ui-combobox data="brokerSearch.fieldList" text-field="text" value-field="value" ng-model="brokerSearch.queryKey"></div>
        </div>
        <input type="text" name="" class="input-text mr5 fl" value="" ng-model="brokerSearch.keyword"
               ng-enter="brokerSearch.query()" style="width: 305px;">
        <button class="btn fl" ng-click="getPassBrokerDataPage()">搜索</button>
    </div>
    <div class="table-wrap mt10" style="position:static;">
        <table width="100%">
            <thead>
            <tr class="thead ta-l">
                <th height="34" width="30">
                    <div class="text-center">
                        <label style="padding-top: 3px;">序号</label>
                    </div>
                </th>
                <th width="150">注册时间</th>
                <th width="150">经纪人信息</th>
                <th width="150">证件号码</th>
                <th width="120">门店</th>
                <th width="90">城市</th>
                <th width="90">禁用状态</th>
                <th width="70">操作</th>
            </tr>
            </thead>
            <tbody ng-if="loading">
            <tr height="60">
                <td colspan="5">加载中...</td>
            </tr>
            </tbody>
            <tbody ng-if="!loading && data && data.length>0">
            <tr ng-repeat="item in data"
                ng-mouseover="item.hover = true"
                ng-mouseleave="item.hover = false">
                <td height="50">
                    <label>{{brokerSearch.pageSize*(pageIndex - 1)+$index+1}}</label>
                </td>
                <td><p>{{item.reg_date}}</p></td>
                <td><span class="fl" style="width: 100%;">{{item.broker_name}}<span ng-if="item.gender">（{{item.gender}}）</span></span><span class="fl"
                                                                                              style="width: 100%;">{{item.mobile_tel}}</span>


                <td>{{item.cre_no}}</td>
                <td>{{item.store_name}}{{item.store_code}}</td>
                <td>{{item.city_name}}</td>
                <td>{{item.isdisabled ?"已禁用":"未禁用"}}</td>
                <td>
                    <a href="javascript: void(0)" class="c-orange mr5 permission p-50030607-00-inline"
                       ui-dialog="查看经纪人详情"
                       ui-dialog-cache="false"
                       ui-dialog-show="onShowBrokerInfo(item,$dialog,$dialogScope)"
                       ui-dialog-url="inc/dialog/agency_broker_view.html">查看</a>

                    <span class="ico-more">
                        <a href="javascript:;" class="">
                            <i class="icon-op icon-op-more" style="margin-right:20px;"></i>
                        </a>
                        <div class="top-userinfo-menu">
                            <div class="top-userinfo-menu-list text-center">
                                <a href="javascript: void(0)" class="c-orange mr5 permission p-50030601-20-block"
                                   ui-dialog="重设密码"
                                   ui-dialog-cache="false"
                                   ui-dialog-show="onShowChangePwd(item,$dialog,$dialogScope)"
                                   ui-dialog-ok="changePwd($data,$dialog,$dialogScope)"
                                   ui-dialog-url="inc/dialog/broker_change_pwd.html">重设密码</a>
                                <a href="javascript:;" class="c-orange mr5 permission p-50030601-02-block" ng-if="!item.isdisabled"
                                   ng-click="handleBroker(item,'disable')">禁用</a>
                                <a href="javascript:;" class="c-orange mr5 permission p-50030601-02-block" ng-if="item.isdisabled"
                                   ng-click="handleBroker(item,'enable')">启用</a>
                                <a href="javascript:;" ng-if="!item.can_invite_broker" class="c-orange mr5 permission p-50030601-07-block"
                                   ng-click="setInvite(item,true)">启用邀请经纪人</a>
                                <a href="javascript:;" ng-if="item.can_invite_broker" class="c-orange mr5 permission p-50030601-07-block"
                                   ng-click="setInvite(item,false)">禁用邀请经纪人</a>
                            </div>
                            <i class="top-userinfo-menu-arrow"></i>
                        </div>
                    </span>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="no-data" ng-if="!loading && (!data || data.length==0)" style="height: auto"><span>暂无数据</span></div>
    </div>
    <div ui-pagination page-index="pageIndex" page-size="brokerSearch.pageSize" total="total"
         changed="getPassBrokerDataPage($pageIndex)"></div>
</div>
